<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Moto官网-Moto智能手机官方网站</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<script src="scripts/jquery-3.2.1.min.js"></script>
</head>
<body>
	<div class = 'moto-index-bg'>
		<!-- 头部 -->
		<div class = 'global-header'>
			<div class = 'svgImage'>
				<svg width = '34' height = '102'>
					<image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://image.motorola.com.cn/shop_v4/images/motoImages/lenovo-logo-vertical.svg" src="http://image.motorola.com.cn/shop_v4/images/motoImages/lenovo-logo-vertical.png" width="34" height="102"></image>
				</svg>
			</div>
			<div class = 'wrapper'>
				<a href="http://localhost/motorola/firstpage/index.html" class="logo" title="moto官网">
					<img src="images/logo.png">
				</a>
				<ul class = 'nav_wrap'>
					<li><a href="#" id="moto_products">产品</a>
						<div class="sub-product-nav">
							<span class="sanjiao"></span>
							<div class="moto-sub-item">
								<dl class="moto-phone">
									<dt>手机</dt>
										<dd><a href="">moto z 2018</a></dd>
										<dd><a href="">moto 青柚</a></dd>
										<dd><a href="">moto z² play</a></dd>
										<dd><a href="">moto z</a></dd>
										<dd><a href="">查看更多>></a></dd>
								</dl>
								<dl class="moto-mods">
									<dt>moto mods</dt>
										<dd><a href="">摩电Turbo-快充电池模块</a></dd>
										<dd><a href="">摩音2代-JBL扬声器模块</a></dd>
										<dd><a href="">摩眼-哈苏摄影模块</a></dd>
										<dd><a href="">摩影-投影模块</a></dd>
										<dd><a href="">查看更多>></a></dd>
								</dl>
								<dl class="moto-parts">
									<dt>精品配件</dt>
										<dd><a href="">moto 360手表</a></dd>
										<dd><a href="">moto 360 sport手表</a></dd>
										<dd><a href="">moto z play 定制模块礼盒</a></dd>
										<dd><a href="">查看更多>></a></dd>				
								</dl>
							</div>		
						</div>
					</li>
					<li><a href="#">体验中心</a></li>
					<li><a href="#">服务于支持</a></li>
					<li><a href="#">Moto商城</a></li>
					<li><a href="#">社区</a></li>
				</ul>
				<ul class="user-op-bar">
					<li class="user-name-box">
						<a href="#">
							<span class = 'avatar'></span>
						</a>
					</li>
					<li>
						<a href="#">
							<span class="cart-icon"></span>
						</a>
					</li>
				</ul>
			</div>				
			
			
		</div>
		<!-- 中部 -->
		<div class="banner">
		</div>
		<!-- 底部 -->
		<div class="footer">
			<div class="footer_up">	
				<div class="col-wrapper">
					<div class="footer_logo">
						<img src="images/footer_logo.png">
					</div>
					<dl class="col-links1">
						<dt>关于我们</dt>
							<dd><a href="#">发展经历</a></dd>
					</dl>
					<dl class="col-links2">
						<dt>媒体中心</dt>
							<dd><a href="#">官方视频</a></dd>
							<dd><a href="#">媒体报告</a></dd>
							<dd><a href="#">产品美图</a></dd>
					</dl>
					<dl class="col-links3">
						<dt>购买渠道</dt>
							<dd><a href="#">体验中心</a></dd>
							<dd><a href="#">线上销售平台</a></dd>
							<dd><a href="#">线下零售店</a></dd>
					</dl>
					<dl class="col-links4">
						<dt>服务与支持</dt>
							<dd><a href="#">售后政策</a></dd>
							<dd><a href="#">购买指南</a></dd>
							<dd><a href="#">销售网点</a></dd>
					</dl>
					<dl class="col-links5">
						<dt>关注我们</dt>
							<dd><a href="#">官方微博</a></dd>
							<dd><a href="#">官方微信</a></dd>
							<dd><a href="#">官方社区</a></dd>
					</dl>
				</div>
			</div>
				<div class="footer_down">
					<div class="infor">
						<div class="infor-left">
							<div class="language">
								<p class="country-ico"></p>
								<p class="country-change">中文&nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;<a href="">更改</a></p>
							</div>
							<p class="shuoming">
								所有手机均由 Motorola Mobility LLC 设计及生产，Motorola Mobility LLC 是 Lenovo 的全资子公司。<br><br><br>Copyright © 2017 Motorola Mobility LLC. 版权所有，本公司保留所有权利  ICP备案证书号：京ICP备09071891号-6  摩托罗拉移动技术（中国）有限公司北京分公司
							</p>
						</div>
						<div class="infor-right">
							<div class="col-contact">
								<p>400-889-9090</p>
								<span>周一至周日 9:00-21:00</span>
							</div>
							<a href=""><span class="kefu"></span></a>
						</div>
					</div>
				</div>
	</div>
</body>
</html>
<script type="text/javascript">
	$('.nav_wrap').children().eq(0).mouseenter(function(){
	 	$('.sub-product-nav').slideDown("fast")
	 	$('.nav_wrap').children().eq(0).mouseleave(function(){
	 		$('.sub-product-nav').slideUp("normal")
		 })
	 })
</script>